<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RT-Theme 10 - Premium Corporate Template</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_cf.css" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.png');</script>
<![endif]-->

</head>
<body>

<!-- header -->
<div id="container">
<div id="header" class="clearfix">
    <!-- logo -->
    <div id="logo"><a href="index.html" title=""><img src="images/logo.png" alt="" class="png" /></a></div>
    <!-- /logo -->

    <!-- header right -->
    <div id="header_right">
	
	<!-- search -->
	<div class="search_bar">
	    <form action="#" method="get">
		<input type="text" class="search_text" name="q" value="search" /><input type="image" src="images/pixel.gif" class="searchsubmit" alt="" />
	    </form>
	</div>
	<!-- / search-->
	
	<!-- header links -->
	<div class="top_links">
	    <ul>
		<li class="first"><a href="index.html" title="">Home</a></li>
		<li><a href="index.html" title="">Career</a></li>
		<li><a href="index.html" title="">Contact Us</a></li>
	    </ul>
	</div>
	<!-- / header links -->

	<div class="clear"></div>

	<!-- header slogan -->
	<div class="top_slogan">
	    <h4>Call Us Free: +01 555 55 55</h4>
	</div>
	<!-- /header slogan -->

    </div>
    <!-- /header right -->
</div>
</div>
<!-- /header -->

<!-- containers -->
<div id="container1">
<div id="container2">
<div id="container3">
    
<!-- Sidebar -->
<div class="sidebar">

    <!-- navigation  -->
    <div class="navigation">
	<ul id="menu">
	    <li><a href="index.html" title="Home">HOME</a></li> 
	    <li><a href="about_us.html" title="About Us">ABOUT US</a></li>
	    <li><a href="portfolio.html" title="Portfolio">PORTFOLIO</a></li>
	    <li><a href="products.html" title="Our Products">OUR PRODUCTS</a></li>
	    <li class="current_page_item"><a href="photo_gallery.html" title="Our Products">PHOTO GALLERY</a>
		<ul>
		    <li><a href="#">GALLERY 1</a></li>
		    <li class="current_page_item"><a href="#">GALLERY 2</a></li>
		    <li><a href="#">GALLERY 3</a></li>
		</ul>
	    </li>    
	    <li><a href="company_blog.html" title="Company Blog">COMPANY BLOG</a></li>
	    <li><a href="contact_us.html" title="Contact Us">CONTACT US</a></li>
	</ul>
    </div>
    <!-- / navigation  -->
		
    <!-- contact box -->	
    <div class="box side">
	    <!-- box title-->
	    <img src="images/icons/email.png" class="alignleft icon" alt="" /><h5 class="icon">Get A Quote</h5>
	    <hr class="clear"/>

	    <!-- ajax results -->
	    <div id="result"></div>
	
	    <!-- form -->
	    <form action="quote_form.php" name="contact_form" id="validate_form" method="post">
		<ul>
		    <li><label for="name"> Your name: (*)</label><input id="name" type="text" name="name" value="" class="required" /> </li>
		    <li><label for="email">Your Email: (*)</label><input id="email" type="text" name="email" value="" class="required"	 /> </li>
		    <li><label for="phone">Phone Number: (*) </label><input id="phone" type="text" name="phone" value="" class="required" /> </li>
		    <li><label for="message">Your message: (*)</label><textarea  id="message" name="message" rows="4" cols="20" class="required"></textarea></li>
		    <li><input type="submit" class="button" value="Send"  /><span class="loading"></span></li>
		</ul>
	    </form>
	    <!--/ form -->
    </div>
    <!-- contact box -->
    
</div>

<!--  content -->	
<div class="content sub">

    <!-- Page navigation-->
	    <div class="breadcrumb"><span><a href="index.html">Home</a> \ Photo Gallery</span></div>
    <!-- /Page navigation-->
    
    <h2>Photo Gallery</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur velit justo, molestie eget interdum et, fringilla eget urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse iaculis rhoncus nunc sed congue. Donec a pellentesque magna. Donec a metus ipsum, quis molestie augue. Etiam a ultrices nisi. Aliquam ut justo at dolor eleifend euismod ac vel nibh. </p>

    <div class="photo_gallery">
 		
	    <!-- Start Gallery Items -->
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <a href="images/photos/1b.jpg" rel="prettyPhoto[gallery]" ><img src="images/photos/1k.jpg" width="130" height="100" alt="" class="image portf preload" title="Curabitur Laoreet Mattis Quam  "/></a>
	    <!-- End Gallery Items -->				
    
    <div class="clear"></div>
   
    <!-- paging-->
    <ul class="paging full">
	    <li class="arrowleft"><a href="#">&nbsp;</a></li>
	    <li class="active"><a href="#">1</a></li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#">5</a></li>
	    <li><a href="#">16</a></li>
	    <li class="arrowright"><a href="#">&nbsp;</a></li>
    </ul>
    <!-- / paging-->	    
    
    </div>    
 
</div>
<!-- content -->
 
<div class="clear"></div>
</div>
</div>                                          
</div>
<!-- /containers -->

<!-- footer -->
<div id="footer">
    <div class="footer_con"> 
	<!-- copyright text -->
	<div class="part1">
	    Copyright &copy; 2009 Company Name, Inc.
	</div>

	<!-- links -->
	<div class="part2">	    
	    <ul>
		<li class="first"><a  href="index.html" title="">Home</a></li>
		<li><a  href="index.html" title="">Legal</a></li>
		<li><a  href="index.html" title="">Privacy</a></li>
		<li><a  href="index.html" title="">Contact</a></li>
	    </ul>
	</div>
   </div>
</div>
<!-- /footer -->

</body>
</html>